<template>
	<view class="container">
		<!-- 跳转到登录注册页面的按钮 -->
		<button class="jump-btn" @click="navToLogin">跳转到登录注册页面</button>
		
		<!-- 新增：城市探索按钮 -->
		<button class="jump-btn" @click="navToCityExplore">城市探索</button>
		
		<!-- 跳转到组件显示页面 -->
		<button class="jump-btn" @click="navToComponentShow">组件显示页面</button>
		
		<!-- 新增：新闻页按钮 -->
		<button class="jump-btn" @click="navToNewsPage">新闻页面</button>
		
		<!-- 新增：ui-app1按钮 -->
		<button class="jump-btn" @click="navToUiApp1">ui-app1</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转到登录页面的方法
			navToLogin() {
				uni.navigateTo({
					url: '/pages/index/auth/login'
				})
			},
			
			// 跳转到城市探索页面的方法
			navToCityExplore() {
				uni.navigateTo({
					url: '/pages/tabBar/case/table'
				})
			},
			
			// 跳转到组件显示页面的方法
			navToComponentShow() {
				uni.navigateTo({
					url: '/pages/tabBar/cardViewPage/cardViewPage'
				})
			},
			
			// 跳转到新闻页面的方法
			navToNewsPage() {
				uni.navigateTo({
					url: '/pages/tabBar/NewsPage/NewsPage'
				})
			},
			
			// 跳转到ui-app1页面的方法
			navToUiApp1() {
				uni.navigateTo({
					url: '/pages/tabBar/case/ui-app1/ui-app1'
				})
			}
		}
	}
</script>

<style>
/* 原有样式保持不变 */
.container {
	padding: 30rpx;
	background-color: #f5f7fa;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-content {
	margin-bottom: 40rpx;
}

.page-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
	display: block;
	margin-bottom: 20rpx;
}

.page-desc {
	font-size: 28rpx;
	color: #666;
	line-height: 1.6;
}

/* 按钮样式 - 正常布局（左对齐，不居中） */
.jump-btn {
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	background-color: #3cc51f;
	color: #fff;
	font-size: 32rpx;
	border-radius: 15rpx;
	border: none;
	margin: 20rpx 0; /* 上下间距，左右不设置外边距 */
	text-align: center;
}

.jump-btn:active {
	background-color: #2d9d1a;
	transform: scale(0.99);
	transition: all 0.2s ease;
}

.other-content {
	margin-top: 40rpx;
	font-size: 26rpx;
	color: #999;
}
</style>